Cascading Style Sheets

Dieser Text beschreibt Cascading Style Sheets.

Cascading Style Sheets (CSS) ist eine deklarative Stylesheet-Sprache für strukturierte Dokumente (z.B. HTML und XML). Durch die Trennung von Stil und Inhalt wird das Veröffentlichen und das Betreuen von Webseiten vereinfacht.

Neben CSS existieren weitere Stylesheet-Sprachen, wie DSSSL, XSL(T), JSSS und FOSI . Diese spielen jedoch in Browsern, wenn überhaupt, ca. eine untergeordnete Rolle.

CSS wird vom W3C spezifiziert. Die CSS1-Spezifikation (1996) ist in aktuellen Browsern mittlerweile nahezu vollständig umgesetzt, von CSS2 (1998) sind einige Elemente bereits weit verbreitet (wie zu dem Beispiel position:absolute), aber Fehler und Lücken in den Implementierungen machen die praktische Anwendung schwerer denn nötig. Das derzeit in Diskussion befindliche CSS3 wird in dem Gegensatz zu den Vorgängern modular aufgebaut sein, d.h. einzelne Substandards (z.B. zur Audiowiedergabe) haben ihren eigenen Entwicklungsrhythmus und Versionsschritte.

Die Fähigkeiten von CSS sind vielfältig. Neben diversen, weit über HTML 3.2 hinausgehenden Fähigkeiten in dem Farb- und Schriftbereich, die sich allerdings (noch) nicht mit spezialisierten Textsatzsprachen wie TeX messen können, bietet es etwa Positionierung, Hintergrundbilder, Vorlesestimmen ("aural") sowie noch einiges mehr.

Die Syntax besteht aus einzelnen Regeln, Zuweisungen von verschiedenen Deklarationsbereichen, bestehend aus einer oder mehreren Deklarationen, die wiederum aus Merkmal und Wert bestehen, zu Selektoren, die z.B. HTML-Elemente sein können:

 Selektor { Merkmal: Wert;  Merkmal: Wert;} /* Kommentar */
         /*^^^Deklaration1^^^ ^^^Deklaration2^^^*/
        /*^^^^^^^^^^Deklarationsbereich^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^Regel^^^^^^^^^^^^^^^^^^^^^^*/ 

Beispiel:

 p.note {font-style: italic; color: gray; background-color: white}
        /* Kursiver, grauer Text auf weißem Hintergrund. */Hier wird der Deklarationsbereich allen p-Elementen zugewiesen, die das class-Attribut mit dem Wert note besitzen. Würde man das p in dem Selektor weglassen, würden alle Elemente mit dem Attributwert selektiert, bei Weglassen des .note alle p-Elemente.

Ein wichtiges Prinzip von CSS ist die Vererbung der Merkmalswerte an untergeordnete Elemente und die Kombination verschiedener Stylesheets (Kaskade ). Diese können dabei aus verschiedenen Quellen stammen: vom Autor des Stylesheets, dem Browser (User Agent) oder dem Benutzer.

Die am häufigsten vorkommende Kombination, nämlich mit HTML, kann an drei Orten geschehen:

1. Als externes Stylesheet
   1. für eine HTML-Datei (link-Element),
   2. für eine XML-Datei (xml-stylesheet-Verarbeitungsanweisung),
2. als internes Stylesheet in einer HTML-Datei (style-Element),
3. innerhalb von HTML-Marken (style-Attribut).

siehe auch: Webtemplates, XHTML, DHTML